<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
    <!-- 全屏 -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 上方栏显示 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <!-- 不自动识别号码 -->
    <meta name="format-detection" content="telephone=no">
    <!-- Include js plugin -->
    <title>视频课提交订单</title>
    <link rel="stylesheet" href="skin/css/layout.css">
    <link rel="stylesheet" href="skin/css/demos.css">
</head>
<body>
<header class="brB">
	<div class="h_top">
    	<div class="hLeft"><a href="javascript:;" class="icoH icoReturn mt20"></a></div>
    	<div class="hCenter"><span class="tit c-3ac9af">提交订单</span></div>
    </div>
</header>
<div class="warp">
  <div class="fix LH60">
  		<div class="fix p20 b-FFFFFF brB">
            <div class="layout-box">
                <div class="ith_img2">
                    <span class="mr20" style="height:4rem; width:6rem; background-image:url(skin/temp/340190_004.png)"></span>
                </div>
                <div class="box-col fs34">
                    <div class="mt20 h60 oh">财务主管财务核心管理技能</div>
                    <div class="c-FF0000">¥550</div>
                </div>
            </div>
        </div>
        <!--star体检人信息-->
        <div class="p20 b-FFFFFF">
            <div class="layout-box">
                <div>购买数量：</div>
                <div class="box-col">
                <span class="num_addjian r">
                        <input class="t_btn t_jian" id="jian" value="-" type="button">
                        <input class="t_txt t_num" value="3" id="num" type="text">
                        <input class="t_btn t_add" id="add" value="+" type="button">
                  </span>
              </div>
            </div>
        </div>
        <!--end体检人信息-->
      	<!--star支付选择-->
        <div class="plr20 mt20 b-FFFFFF">
        	<ul class="fs30">
            	<li class="ptb20 brB">
                	<div class="layout-box">
                            <label class="box-col ipRadio"><input name="zdRadio" type="radio"/><span class="roundedOne"><i></i></span>微信支付</label>
                    </div>
                </li>
            	<li class="ptb20">
                	<div class="layout-box">
                            <label class="box-col ipRadio"><input name="zdRadio" type="radio" checked/><span class="roundedOne"><i></i></span>银行卡支付</label>
                    </div>
                </li>
            </ul>
        </div>
        <!--end支付选择-->
    	<div class="fix mt20 b-FFFFFF">
        	<div class="p20 tac layout-box LH80">
        		<a class="box-col b-ff5a00 c-FFFFFF r10" href="#" id="okzhifu">确认付款</a>
        	</div>
        </div>
    </div>
    
</div>
<div class="buyShowBox" style="display:none;">
	<div class="buy_mask"></div>
	<!--star 选择-->
	<div class="buy_dialog b-EEEEEE notification">
		<div class="b-FFFFFF plr20 tac fs34 mb20">
			<div class="h80 ptb10 ir">
				<i class="by_closed">&times;</i>支付金额<span class="c-FF0000">&yen;2552</span>
			</div>
		</div>
		<!--star支付选择-->
		<div class="plr20 mt20 b-FFFFFF">
			<form action="" method="get">
				<ul class="fs30">
					<li class="ptb20 brB">
					<div class="layout-box">
                    <label class="box-col ipRadio"><input name="zdRadio" type="radio"/><span class="roundedOne"><i></i></span>微信支付</label>
					</div>
				  	</li>
					<li class="ptb20">
					<div class="layout-box">
                    <label class="box-col ipRadio"><input name="zdRadio" type="radio" checked/><span class="roundedOne"><i></i></span>银行卡支付</label>
					</div>
					</li>
				</ul>
			</form>
		</div>
		<!--end支付选择-->
   	  	<div class="fix mt20 b-FFFFFF">
        	<div class="p20 tac layout-box LH80 mb20">
        		<a class="box-col b-ff5a00 c-FFFFFF r10" href="#" id="okzhifu">确认付款</a>
        	</div>
        </div>
	</div>
	<!--end 选择-->
</div>
<!-- body 最后 -->
<script src="weui/js/jquery.min.js"></script>
<script src="weui/js/jquery-weui.min.js"></script>
<script src="skin/js/demos.js"></script>
<script>
$(function(){
	$("#okzhifu").click(function(){
		$(".buyShowBox").show();;	
	})	
	//关闭弹窗
	$('.by_closed').click(function(){
		$(".buyShowBox").hide();	
	});
})
</script>
</body>
</html>